body{
  margin:0;
  padding:10px;
  font:12px/17px Arial, sans-serif;
  background:#f9f9f9;
}

h1 {
 font-size:30px;
 font-weight:700;
 color:#929292;
font-family: 'Roboto Condensed', sans-serif;
letter-spacing:5px;
text-transform:uppercase;
}

h2 {
font-size:20px;
 color:#929292;
font-family: 'Roboto Condensed', sans-serif;
font-weight:300;
letter-spacing:10px;
text-transform:uppercase;
}

#canvas_position { position:absolute }

div {
width:500px;
padding: 10px;
}

#legende { width: 230px; height:150px; background-color: white; font-size:12px; margin-left:2%; position:absolute;}
#legende_red {width:3px; height:3px;background-color: red; float:left; margin-right:5px; position:absolute;}
#legende_orange{width:3px; height:3px;background-color: orange; float:left; margin-top:40px; position:absolute;}
#legend_text{position:absolute; margin-left: 30px;}
#infobox { width: 300px; background-color: orange; font-size:10px; margin-top:-10px; margin-left:40%; position:absolute;}